{% extends 'base.html' %}
{% block main %}
    <div class="layui-row layui-col-offset10">
        <div class="layui-tab menu" lay-filter="menu">
            <ul class="layui-tab-title layui-col-md3">
                <li class="layui-this">我的发布</li>
                <li>我的话题</li>
            </ul>
            <div class="layui-tab-content layui-col-md9">
                <div class="layui-tab-item layui-show">
                    <div class="layui-collapse posts" lay-accordion lay-filter="posts">
                    </div>
                    <div id="posts-page" class="pager"></div>
                </div>
                <div class="layui-tab-item">
                    <div class="layui-collapse topics" lay-accordion lay-filter="topics">
                    </div>
                    <div id="topics-page" class="pager"></div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block utils %}
    {% verbatim %}
    <script type="text/html" id="posts-item">
        <div class="layui-colla-item" data-pk="{{ item.pid }}">
            <h2 class="layui-colla-title">{{item.title}} <span class="time">{{item.pub_time|dateFormat "Y-m-d"}}</span> <span
                    class="layui-btn layui-btn-xs layui-bg-orange del-btn"><i
                    class="layui-icon layui-icon-close"></i></span>
            </h2>
            <div class="layui-colla-content">{{@item.content}}</div>
        </div>
    </script>
    <script type="text/html" id="topics-item">
        <div class="layui-colla-item" data-pk="{{ item.tid }}">
            <h2 class="layui-colla-title">{{item.title}} <span class="time">{{item.pub_time|dateFormat "Y-m-d"}}</span> <span
                    class="layui-btn layui-btn-xs layui-bg-orange del-btn"><i
                    class="layui-icon layui-icon-close"></i></span>
            </h2>
            <div class="layui-colla-content">{{item.desc}}</div>
        </div>
    </script>
    {% endverbatim %}
{% endblock %}
{% block footer %}
    <script src="/static/js/frontcms.min.js"></script>
{% endblock %}
